<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <title>青岛中化阳光管理体系认证中心有限公司</title>
    <meta charset="utf-8"/>
    <link th:href="@{{path}/css/style.css(path=${contextPath})}" rel="stylesheet"/>
    <link th:href="@{{path}/css/font-awesome.min.css(path=${contextPath})}" rel="stylesheet"/>
</head>
<body>
<div th:replace="user/head::html"></div>
<!-- header end -->
<div class="main">
    <div class="com">
        <div class="tit">
            <h3>中心简介</h3>
            <a href="#"><img th:src="@{{path}/image/more.gif(path=${contextPath})}"/></a>
        </div>
        <div class="content" th:utext="${about}?${about.content}:''">
        </div>
    </div>
    <!-- com-end -->
    <div class="com notice">
        <div class="tit">
            <h3>重要通知</h3>
            <a href="#"><img th:src="@{{path}/image/more.gif(path=${contextPath})}"/></a>
        </div>
        <ul class="list">
            <li th:each="notice,noticeStat : ${noticeList}">
                <a th:href="@{{path}/notice/detail?id={id}(path=${contextPath},id=${notice.id})}"
                   th:text="${notice.title}"></a>
                <span th:text="${null == notice.createDate || '' == notice.createDate ? '-' : #dates.format(notice.createDate,'yyyy.MM.dd')}"></span>
            </li>
        </ul>
    </div>
    <!-- natice end -->
    <div class="right">
        <div class="tit1">
            <h3>获证企业查询</h3>
        </div>
        <form action="#" method="get">
            <input type="text" value="请输入证书编号"/>
            <input type="text" value="请输入企业名称"/>
            <button><i class="fa fa-search"></i> 查询</button>
            <button><i class="fa fa-refresh"></i> 重置</button>
        </form>
    </div>
    <!-- search end -->
    <div class="clear"></div>
    <div class="com business">
        <div class="tit">
            <h3>业务介绍</h3>

        </div>
        <ul class="businesslist">
            <li>
                <h3>质量管理体系</h3>
                <a th:href="@{{path}/quality/detail?id={id}(path=${contextPath},id=${quality.id})}"
                   th:each="quality,qualityStat : ${qualityList}" th:text="${quality.menu}"></a>
            </li>
            <li>
                <h3>环境管理体系</h3>
                <a th:href="@{{path}/environment/detail?id={id}(path=${contextPath},id=${environment.id})}"
                   th:each="environment,environmentStat : ${environmentList}" th:text="${environment.menu}"></a>
            </li>
            <li><h3>职业健康安全管理体系</h3>
                <a th:href="@{{path}/health/detail?id={id}(path=${contextPath},id=${health.id})}"
                   th:each="health,healthStat : ${healthList}" th:text="${health.menu}"></a>
            </li>
            <li>
                <h3>中石化HSSSE体系</h3>
                <a th:href="@{{path}/hssse/detail?id={id}(path=${contextPath},id=${hssse.id})}"
                   th:each="hssse,hssseStat : ${hssseList}" th:text="${hssse.menu}"></a>
            </li>
        </ul>
    </div>
    <!-- business end -->
    <div class="com notice">
        <div class="tit">
            <h3>新闻动态</h3>
            <a href="#"><img th:src="@{{path}/image/more.gif(path=${contextPath})}"/></a>
        </div>
        <ul class="list">
            <li th:each="news,newsStat : ${newsList}">
                <a th:href="@{{path}/news/detail?id={id}(path=${contextPath},id=${news.id})}"
                   th:text="${news.title}"></a>
                <span th:text="${null == news.createDate || '' == news.createDate ? '-' : #dates.format(news.createDate,'yyyy.MM.dd')}"></span>
            </li>
        </ul>
    </div>
    <!-- news end -->
    <div class="right">
        <div class="tit">
            <h3>快捷入口</h3>
        </div>
        <div class="right-link">
            <a href="http://219.146.77.76:8003"><img th:src="@{{path}/image/shy.gif(path=${contextPath})}"/></a>
            <a href="http://219.146.77.76:8003"><img th:src="@{{path}/image/qy.gif(path=${contextPath})}"
                                                     class="qyimg"/></a>
            <!--<a href="http://219.146.77.76:8003"><img th:src="@{{path}/image/ad.gif(path=${contextPath})}"-->
                                                     <!--class="adimg"/></a>-->
        </div>
    </div>
    <!-- enter end -->
    <div class="clear"></div>
    <div class="com">
        <div class="tit">
            <h3>培训之窗</h3>
            <a href="#"><img th:src="@{{path}/image/more.gif(path=${contextPath})}"/></a>
        </div>
        <ul class="list">
            <li th:each="train,trainStat : ${trainingList}">
                <a th:href="@{{path}/news/detail?id={id}(path=${contextPath},id=${train.id})}"
                   th:text="${train.title}"></a>
                <span th:text="${null == train.createDate || '' == train.createDate ? '-' : #dates.format(train.createDate,'yyyy.MM.dd')}"></span>
            </li>
        </ul>
    </div>
    <!-- train end -->
    <div class="com notice">
        <div class="tit">
            <h3>公开文件</h3>
            <a href="#"><img th:src="@{{path}/image/more.gif(path=${contextPath})}"/></a>
        </div>
        <ul class="list">
            <li th:each="file,fileStat : ${fileList}">
                <a th:if="${file.type eq 0}"
                   th:href="@{{path}/file/download?id={id}(path=${contextPath},id=${file.id})}"
                   th:text="${file.title}"></a>
                <a th:if="${file.type eq 1}"
                   th:href="@{{path}/userFile/detail?id={id}(path=${contextPath},id=${file.id})}"
                   th:text="${file.title}"></a>
                <span th:text="${null == file.createDate || '' == file.createDate ? '-' : #dates.format(file.createDate,'yyyy-MM-dd')}"></span>
            </li>
        </ul>
    </div>
    <!-- Public documents end -->
    <div class="activity">
        <h3>专题活动</h3>
        <ul>
            <li th:each="activity,activityStat : ${activityList}">
                <a href="#" th:utext="${activity.content}"></a>
                <a href="#" th:text="${activity.title}"></a>
            </li>
        </ul>
    </div>
    <!-- activity end -->
    <div class="clear"></div>
    <div class="process">
        <div class="ptit"><img th:src="@{{path}/image/process.gif(path=${contextPath})}"/></div>
        <ul>
            <li th:each="authenticate,authenticateStat : ${authenticateList}">
                <a th:href="@{{path}/authenticate/detail?id={id}(path=${contextPath},id=${authenticate.id})}">
                    <h3 th:text="${authenticate.menu}"></h3>
                    <p th:utext="${authenticate.content}"></p>
                </a>
            </li>
        </ul>
    </div>
    <!-- activity end -->
    <div class="clear"></div>
    <div class="Customer">
        <div class="tit">
            <h3>优秀客户</h3>
        </div>
        <div id="demo">
            <div id="indemo">
                <div id="demo1">
                    <a href="javascript:void(0);" th:each="client,clientStat : ${clientList}">
                        <div th:utext="${client.content}"></div>
                        <p th:text="${client.title}"></p>
                    </a>
                    <div class="clear"></div>
                </div>
                <div id="demo2"></div>
            </div>
        </div>
        <script>
            <!--
            var speed = 80; //数字越大速度越慢
            var tab = document.getElementById("demo");
            var tab1 = document.getElementById("demo1");
            var tab2 = document.getElementById("demo2");
            tab2.innerHTML = tab1.innerHTML;

            function Marquee() {
                if (tab2.offsetWidth - tab.scrollLeft <= 0)
                    tab.scrollLeft -= tab1.offsetWidth
                else {
                    tab.scrollLeft++;
                }
            }

            var MyMar = setInterval(Marquee, speed);
            tab.onmouseover = function () {
                clearInterval(MyMar)
            };
            tab.onmouseout = function () {
                MyMar = setInterval(Marquee, speed)
            };
            -->
        </script>
    </div>
    <!-- Customer end -->
</div>
<!-- main end -->
<div th:replace="user/foot::html"></div>
</body>
<script th:src="@{{path}/js/time.js(path=${contextPath})}" type="text/javascript"></script>
<script th:src="@{{path}/js/jquery-1.7.2.min.js(path=${contextPath})}" type="text/javascript"></script>
<script th:src="@{{path}/js/SuperSlide.2.1.js(path=${contextPath})}" type="text/javascript"></script>
<script th:src="@{{path}/js/zzsc.js(path=${contextPath})}" type="text/javascript"></script>
</html>
